<style>
    /* START Introduction page all controls table styles */

    article table#allcontrols-table {
        border: none;
        word-break: break-word;
        font-size: 15px;
    }

    article table#allcontrols-table tr {
        vertical-align: top;
        background-color: transparent;
    }

    article table#allcontrols-table tr li:first-child {
        padding-left: 0;
    }

    article table#allcontrols-table li {
        background: none;
        border: none;
    }

    article table#allcontrols-table ul {
        list-style-type: none;
        padding-left: 0px;
    }

    article table#allcontrols-table ul li {
        padding: 5px 5px;
    }

    article table#allcontrols-table .control-category {
        color: #27A306;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 5px;
        padding: 3px 5px;
    }

    article table#allcontrols-table ul:not(.docs-tabstrip) li:before {
        background-color: transparent !important;
    }

    /* END Introduction page all controls table styles */
</style>
<table id="allcontrols-table">
    <tbody>
        <tr>
            <td>
                <ul>
                    <li class="control-category">Data Source</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/datasource/overview">DataSource</a>
                    </li>
                    <li class="control-category">Template</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/template/overview">Template</a>
                    </li>
                    <li class="control-category">Data Management</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/filemanager/overview">FileManager</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/filter/overview">Filter</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/grid/overview">Grid</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/spreadsheet/overview">Spreadsheet</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/listview/overview">ListView</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/pivotgrid/overview">PivotGrid</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/pivotgridv2/overview">PivotGridV2</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/propertygrid/overview">PropertyGrid</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/taskboard/overview">TaskBoard</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/data-management/treelist/overview">TreeList</a>
                    </li>
                    <li class="control-category">Conversational UI</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/conversational-ui/aiprompt/overview">AIPrompt</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/conversational-ui/chat/overview">Chat</a>
                    </li>
                    <li class="control-category">Media</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/media/mediaplayer/overview">MediaPLayer</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/media/scrollview/overview">ScrollView</a>
                    </li>
                    <li class="control-category">PDF</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/pdf/pdfviewer/overview">PDFViewer</a>
                    </li>
                    <li class="control-category">Hybrid UI</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/hybrid/mobileapplication">Hybrid UI</a>
                    </li>
            </td>
            <td>
                <ul>
                    <li class="control-category">Editors</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/autocomplete/overview">AutoComplete</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/colorgradient/overview">ColorGradient</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/colorpalette/overview">ColorPalette</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/colorpicker/overview">ColorPicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/combobox/overview">ComboBox</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/captcha/overview">Captcha</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/checkbox/overview">CheckBox</a>
                    </li>
					<li>
                        <a href="/{{ site.platform }}/html-helpers/editors/checkboxgroup/overview">CheckBoxGroup</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/dateinput/overview">DateInput</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/datepicker/overview">DatePicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/daterangepicker/overview">DateRangePicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/datetimepicker/overview">DateTimePicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/dropdownlist/overview">DropDownList</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/dropdowntree/overview">DropDownTree</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/editor/overview">Editor</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/expansionpanel/overview">ExpansionPanel</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/flatcolorpicker/overview">FlatColorPicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/imageeditor/overview">ImageEditor</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/listbox/overview">ListBox</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/maskedtextbox/overview">MaskedTextBox</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/multicolumncombobox/overview">MultiColumnComboBox</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/multiselect/overview">MultiSelect</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/numerictextbox/overview">NumericTextBox</a>
                    </li>

                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/radiobutton/overview">RadioButton</a>
                    </li>
					<li>
                        <a href="/{{ site.platform }}/html-helpers/editors/radiogroup/overview">RadioGroup</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/rating/overview">Rating</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/signature/overview">Signature</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/slider/overview">Slider</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/switch/overview">Switch</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/textarea/overview">TextArea</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/textbox/overview">TextBox</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/timepicker/overview">TimePicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/timedurationpicker/overview">TimeDurationPicker</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/editors/upload/overview">Upload</a>
                    </li>
                    <li>
                        <a href="https://demos.telerik.com/{{ site.platform }}/validator">Validator Demos</a>
                    </li>
                </ul>
            </td>
                <td>
                <ul>

                    <li class="control-category">Document Processing</li>
                    <li>
                        <a href="https://docs.telerik.com/devtools/document-processing/libraries/radpdfprocessing/overview">PdfProcessing</a>
                    </li>
                    <li>
                        <a href="https://docs.telerik.com/devtools/document-processing/libraries/radspreadprocessing/overview">SpreadProcessing</a>
                    </li>
                           <li>
                        <a href="https://docs.telerik.com/devtools/document-processing/libraries/radspreadstreamprocessing/overview">SpreadStreamProcessing</a>
                    </li>
                    <li>
                        <a href="https://docs.telerik.com/devtools/document-processing/libraries/radwordsprocessing/overview">WordsProcessing</a>
                    </li>
                    <li>
                        <a href="https://docs.telerik.com/devtools/document-processing/libraries/radziplibrary/overview">ZipLibrary</a>
                    </li>
                </ul>
            </td>
            <td>
                <ul>

                    <li class="control-category">Scheduling</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/scheduling/calendar/overview">Calendar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/scheduling/multiviewcalendar/overview">MultiViewCalendar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/scheduling/gantt/overview">Gantt</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/scheduling/scheduler/overview">Scheduler</a>
                    </li>
                    <li class="control-category">Charts</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/charts/overview">Chart</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/charts/stockchart/overview">StockChart</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/charts/treemap/overview">TreeMap</a>
                    </li>
                    <li class="control-category">Gauges</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/gauges/arcgauge/overview">ArcGauge</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/gauges/circulargauge/overview">CircularGauge</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/gauges/lineargauge/overview">LinearGauge</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/gauges/radialgauge/overview">RadialGauge</a>
                    </li>
                    <li class="control-category">Barcodes</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/barcodes/barcode/overview">Barcode</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/barcodes/qrcode/overview">QRCode</a>
                    </li>
                    <li class="control-category">Diagrams and Maps</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/diagram/overview">Diagram</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/map/overview">Map</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/diagrams-and-maps/orgchart/overview">OrgChart</a>
                    </li>
                </ul>
            </td>
            <td>
                <ul>
                    <li class="control-category">Layout</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/badge/overview">Badge</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/styles-and-layout/cards">Cards</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/dialog/overview">Dialog</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/form/overview">Form</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/gridlayout/overview">GridLayout</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/notification/overview">Notification</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/popover/overview">PopOver</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/splitter/overview">Splitter</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/stacklayout/overview">StackLayout</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/tilelayout/overview">TileLayout</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/tooltip/overview">Tooltip</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/layout/window/overview">Window</a>
                    </li>
                    <li class="control-category">Navigation</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/actionsheet/overview">ActionSheet</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/bottomnavigation/overview">BottomNavigation</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/breadcrumb/overview">Breadcrumb</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/button/overview">Button</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/buttongroup/overview">ButtonGroup</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/drawer/overview">Drawer</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/dropdownbutton/overview">DropDownButton</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/floatingactionbutton/overview">FloatingActionButton</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/splitbutton/overview">SplitButton</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/menu/overview">Menu</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/panelbar/overview">PanelBar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/stepper/overview">Stepper</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/tabstrip/overview">TabStrip</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/timeline/overview">Timeline</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/toolbar/overview">ToolBar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/treeview/overview">TreeView</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/navigation/wizard/overview">Wizard</a>
                    </li>
                    <li class="control-category">Interactivity and UX</li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/interactivity/loader/overview">Loader</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/interactivity/progressbar/overview">ProgressBar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/interactivity/circularprogressbar/overview">Circular ProgressBar</a>
                    </li>
                    <li>
                        <a href="/{{ site.platform }}/html-helpers/interactivity/sortable/overview">Sortable</a>
                    </li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
